lookingGlass: Fix visual papercuts

- change icon size to 16px
- give those icons a buttonized style

Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/2156>

diff --git a/data/theme/gnome-shell-sass/widgets/_looking-glass.scss b/data/theme/gnome-shell-sass/widgets/_looking-glass.scss
index e52e263f79a5a6b6632835eeaae38d748d2d596d..e03457e28c1eeb4e1196dbb7ab6a586d8c1b0ba3 100644 (file)
--- a/data/theme/gnome-shell-sass/widgets/_looking-glass.scss
+++ b/data/theme/gnome-shell-sass/widgets/_looking-glass.scss
@@ -16,6 +16,14 @@
     padding: $base_padding;
     border-radius: 0;
     background-color: transparent;
+    spacing: $base_spacing;
+
+    .lg-toolbar-button {
+      padding: $base_padding $base_padding*2;
+      @extend %button;
+
+      & > StIcon { icon-size: $base_icon_size; }
+    }
   }
 
   .labels { 

diff --git a/js/ui/lookingGlass.js b/js/ui/lookingGlass.js
index acf4758cbda3b157278e6e0a73e1132413e575ee..f2c7874781bc3fc0333044cabef377bb86335217 100644 (file)
--- a/js/ui/lookingGlass.js
+++ b/js/ui/lookingGlass.js
@@ -1268,7 +1268,6 @@ class LookingGlass extends St.BoxLayout {
             style_class: 'lg-toolbar-button',
             child: new St.Icon({
                 icon_name: 'find-location-symbolic',
-                icon_size: 24,
             }),
         });
         toolbar.add_actor(inspectButton);
@@ -1289,7 +1288,6 @@ class LookingGlass extends St.BoxLayout {
             style_class: 'lg-toolbar-button',
             child: new St.Icon({
                 icon_name: 'user-trash-full-symbolic',
-                icon_size: 24,
             }),
         });
         toolbar.add_actor(gcButton);